<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <!--<meta http-equiv="X-UA-Compatible" content="ie=edge">-->
    <title>学院福利</title>
    <link rel="shortcut icon" href="xyw.ico"/>
    <link rel="stylesheet" type="text/css" href="scss/normalize.css"/>
    <link rel="stylesheet" href="scss/benefit.css">
    <link rel="stylesheet" href="scss/commonality.css">
    <link rel="stylesheet" href="scss/roll.css">
    <link rel="stylesheet" href="scss/min-carousel.css">
</head>
<body>
<!--横向滚动部分-->
<div class="scrollBar">
    <marquee onMouseOut="this.start()" onMouseOver="this.stop()" behavior="scroll" direction="left" vspace="10px"
             hspace="10px" scrollamount="5px">
        下期开班信息：5月10日--蒲公英测试14期&nbsp;&nbsp;<a href="contactUs.html">点击咨询</a>
    </marquee>
</div>
<!--头部模块开始-->
<div class="header">
    <div class="inner">
        <a href="index.html" class="logo">
            <img src="images/XYWlogo1_03.png" alt="" height="50" width="auto" class="fl"/>
            <p class="fl">新猿旺</p>
        </a>
        <ul>
            <li>
                <a href="index.html">
                    首页
                </a>
            </li>
            <li class="dropdown">
                <a href="pythonAutomation.html">自动化系列</a>
                <div class="dropdown-content ">
                    <a href="pythonAutomation.html">python自动化</a>
                    <a href="javaAutomation.html">java自动化</a>
                </div>
            </li>
            <!--<li>-->
            <!--<a href="#">测试开发系列</a>-->
            <!--</li>-->
            <!--<li><a href="#">软件测试系列</a></li>-->
            <li class="dropdown">
                <a href="btainEmployment.html">测试就业班</a>
                <!--<div class="dropdown-content ">-->
                <!--<a href="#">稳定就业班级</a>-->
                <!--<a href="#">极速就业班</a>-->
                <!--</div>-->
            </li>
            <li class="dropdown">
                <a href="benefit.html" style="color: #325A91;font-weight: 600;">更多精彩</a>
                <div class="dropdown-content ">
                    <a href="benefit.html">永久福利</a>
                    <a href="students-voice.html">学员心声</a>
                </div>
            </li>
            <li>
                <a href="contactUs.html">联系我们</a>
            </li>
            <li class="dropdown">
                <a href="http://47.95.253.175/bbs/">论坛</a>
            </li>
        </ul>
        <!--<div class="login">-->
        <!--<span>您好，欢迎来到新猿旺！</span>-->
        <!--<a href="login.html">请登录/</a>-->
        <!--<a href="register.html">注册</a>-->
        <!--</div>-->
    </div>
</div>
<!--头部模块结束-->
<!--永久福利开始-->
<div class="benefit">
    <div class="inner">
        <section>
            <div class="angle">
                <p>【永久福利】</p>
            </div>
        </section>
        <div class="uul">
            <ul>
                <h3>新学员福利</h3>
                <li>
                    <p>1、提供免费宿舍，随时拎包入住</p>
                </li>
                <li>
                    <p>2、设置奖学金制度，调起学员激情</p>
                </li>
                <li>
                    <p>3、小班模式，一对一指导</p>
                </li>
                <li>
                    <p>4、与企业合作，全程项目实战</p>
                </li>
                <li>
                    <p>5、企业派专员指导，学员亦可驻场实战</p>
                </li>
                <li>
                    <p>6、全真企业流程化，入学便是入职场</p>
                </li>
                <li>
                    <p>7、全程13个实战项目，学完直接推荐就业</p>
                </li>
                <li>
                    <p>8、平均就业薪资9500以上，100%就业率</p>
                </li>
            </ul>
            <ul>
                <h3>老学员福利</h3>
                <li>
                    <p>1、老学员可享受所有课程免费听课机会，不限制次数</p>
                </li>
                <li>
                    <p>2、学院成立‘解忧帮’，专门收集老学员工作中遇到的问题，由解忧帮一对一讲解并解决问题。解决方式：可远程亦可面授</p>
                </li>
                <li>
                    <p>3、‘解忧帮’负责收集老学员想要提升的专项技术方向，安排讲师团周六日全程讲解，提升学生新技能</p>
                </li>
                <li>
                    <p>4、老学员跳槽时，就业帮优先指导并负责推荐跳槽方向</p>
                </li>
                <li>
                    <p>5、每个学员可随时回归学院，分享自己的技术点，并加入讲师团</p>
                </li>
                <li>
                    <p>6、学院每周日早上10点到下午6点，定期开展python和自动化课程，老学员均可免费学习</p>
                </li>
                <li>
                    <p>7、学院定期每个月组织团建，加强学生之间的交流机会</p>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--永久福利结束-->
<!--底部小轮播-->
<div id="container">
    <div id="list" style="left: -1903px;"> <!--设置图像的父级元素定位为向左600px，即是左移一个图片的宽度-->
        <img src="images/xyw-class01.jpg" alt="1"> <!--设置的是5张图片自动轮播，此处会有7张图片，并且红色代码表示的图片和 -->
        <img src="images/xyw-learn01.jpg" alt="1"><!--蓝色代码表示的图片是相同的。这是因为每张图片都有向前和向后两种单击-->
        <img src="images/xyw-wed.jpg" alt="1">
        <img src="images/xyw-dinner01.jpg" alt="2">
        <img src="images/xyw-dinner02.jpg" alt="3">   <!--事件，要使第一张图片向前单击显示第五张图片，就需要在其前方添加第五-->
        <img src="images/xyw-dinner03.jpg" alt="4">   <!--张图片，避免在第一张图片单击向左时显示空白；同理，在第五张图片之-->
        <img src="images/xyw-dinner04.jpg" alt="5">   <!--后也要添加第一张图片，使其实现平稳过渡-->
        <img src="images/xyw-dinner05.jpg" alt="6">
        <img src="images/xyw-dinner06.jpg" alt="7">
        <img src="images/xyw-class01.jpg" alt="8">
        <img src="images/xyw-learn01.jpg" alt="8">
        <img src="images/xyw-dinner01.jpg" alt="8">
    </div>
    <div id="buttons">
        <span index="1" class="on"></span>
        <span index="2"></span>
        <span index="3"></span>
        <span index="4"></span>
        <span index="5"></span>
        <span index="6"></span>
        <span index="7"></span>
        <span index="8"></span>

    </div>
    <a href="#" id="prev" class="arrow"></a> <!--此处的a表示的是箭头；&lt;(左箭头)，&gt;(右箭头)-->
    <a href="#" id="next" class="arrow"></a>
</div>
<!--轮播图js-->
<script src="js/min-carousel.js"></script>
</body>
</html>